import React from 'react';
import {Flex} from 'antd-mobile';

export const CategoryCardThree = ({title,subTitle,}) => {

  return (
    <div style={{width: '100%', height: 120, backgroundColor: 'white'}}>
      <Flex>
        {/*左*/}
        <Flex.Item>
          <Flex direction={"column"} align={"center"} justify={"center"}>
            {/*左上*/}
            <Flex.Item>
              <div>今日上新</div>
              <div style={{fontSize: 8, color: '#bbb'}}>每日新卷优惠先推</div>
            </Flex.Item>
            {/*左下*/}
            <Flex.Item>
              <div style={{height: 55}}></div>
            </Flex.Item>
          </Flex>
        </Flex.Item>
        {/*右*/}
        <Flex.Item>
          <img src={require('../../assets/faxian/longxia.jpg')} height={90} style={{margin: 10}}/>
        </Flex.Item>
      </Flex>
    </div>
  )
}
